<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>黑马银行</title>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/ajax.js"></script>
</head>
<body>
<center>
    <h1>
        欢迎<font color="gold">-<span id="span_name"></span>-</font>登陆黑马银行系统
    </h1>

    <table border="1" bordercolor="gold" cellspacing="0" width="50%">
        <tr>
            <td colspan="3" align="center">账号余额查询</td>
        </tr>
        <tr>
            <td width="40%" align="center">查询结果</td>
            <td width="40%" align="center"><span id="selectRemainingSpan"></span></td>
            <td width="20%" align="center"><input type="button"
                                                  id="selectRemainingBtn" value="查余额"></td>
        </tr>
    </table>
    <br> <br>
    <table border="1" bordercolor="gold" cellspacing="0" width="50%">
        <tr>
            <td colspan="3" width="100%" align="center">存款操作</td>
        </tr>
        <tr>
            <td width="40%" align="center">存入金额</td>
            <td width="40%" align="center"><input type="text"
                                                  id="save_money"></td>
            <td width="40%" align="center"><input id="saveMoneyBtn"
                                                  type="button" value="存钱"></td>
        </tr>
        <tr>
            <td colspan="3" width="100%" align="center"><span
                    id="saveMoneySpan">我是勤劳的小蜜蜂</span></td>
        </tr>
    </table>
    <br> <br>
    <table border="1" bordercolor="gold" cellspacing="0" width="50%">
        <tr>
            <td colspan="3" width="100%" align="center">取款操作</td>
        </tr>
        <tr>
            <td width="40%" align="center">取款金额</td>
            <td width="40%" align="center"><input type="text"
                                                  id="take_money"></td>
            <td width="40%" align="center"><input id="takeMoneyBtn" type="button" value="取钱"></td>
        </tr>
        <tr>
            <td colspan="3" width="100%" align="center"><span
                    id="takeMoneySpan">有钱任性花</span></td>
        </tr>
    </table>
    <br>
    <br>
    <form id="transactionForm">
        <input type="hidden" name="method_name" value="accuont_transaction">
        <table border="1" bordercolor="gold" cellspacing="0" width="50%">
            <tr>
                <td colspan="2" width="100%" align="center">账户交易转账</td>
            </tr>
            <tr>
                <td width="50%" align="center">接收账号</td>
                <td width="50%" align="center"><input type="text"
                                                      name="to_account" id="to_account"></td>
            </tr>
            <tr>
                <td width="50%" align="center">转账金额</td>
                <td width="50%" align="center"><input type="text"
                                                      name="t_money" id="t_money"></td>
            </tr>
            <tr>
                <td colspan="2" width="100%" align="center"><span id="transactionSpan">不要轻易借钱给别人</span></td>
            </tr>
            <tr>
                <td colspan="2" width="100%" align="center"><input
                        id="transactionBtn" type="button" value="开始转账"></td>
            </tr>
        </table>
    </form>
    <br><br>
    <form id="selectTradeForm">
        <table border="1" bordercolor="gold" cellspacing="0" width="50%">
            <tr>
                <td colspan="4" align="center">交易记录查询</td>
            </tr>
            <tr>
                <td width="50%" align="center">开始时间</td>
                <td width="50%" align="left"><input type="text" id="startT"
                                                    name="startTime"></td>
            </tr>
            <tr>
                <td width="50%" align="center">结束时间</td>
                <td width="50%" align="left"><input type="text" id="endT"
                                                    name="endTime"></td>
            </tr>
            <tr>
                <td colspan="2" width="100%" align="center"><input
                        type="button" id="selectTradeBtn" value="查询交易明细"></td>
            </tr>
            <tr>
                <td colspan="2">
                    <div id="selectTradeDiv" align="center">只能查询距当前一个月的记录 日期格式为yyyy-MM-dd</div>
                </td>
            </tr>
        </table>
    </form>
</center>
</body>
</html>